<div class="col-sm-6">

    <div class="dataTables_paginate paging_simple_numbers" id="editable_paginate">

        <ul class="pagination" style="margin-top: 0; float: right">

        {% if keyword %}

            {% if contacts.has_previous %}

                <li class="paginate_button previous" aria-controls="editable" tabindex="0" id="editable_previous">

                    <a href="?keyword={{ keyword }}&page={{ contacts.previous_page_number }}">Previous</a>

                </li>

            {% else %}

                <li class="paginate_button previous disabled" aria-controls="editable" tabindex="0" id="editable_previous">

                     <a href="#">Previous</a>

                </li>

            {% endif %}

            {% ifequal show_first 1 %}

                <li class="paginate_button" aria-controls="editable" tabindex="0"><a href="?keyword={{ keyword }}&page=1"  title="第1页">1...</a></li>

            {% endifequal %}

            {% for page in page_range %}

                {% ifequal current_page page %}

                    <li class="paginate_button active"  aria-controls="editable" tabindex="0"><a href="?keyword={{ keyword }}&page={{ page }}"  title="第{{ page }}页">{{ page }}</a></li>

                {% else %}

                    <li class="paginate_button" aria-controls="editable" tabindex="0"><a href="?keyword={{ keyword }}&page={{ page }}"  title="第{{ page }}页">{{ page }}</a></li>

                {% endifequal %}

            {% endfor %}

            {% ifequal show_end 1 %}

                <li class="paginate_button" aria-controls="editable" tabindex="0"><a href="?keyword={{ keyword }}&page={{ p.num_pages }}"  title="第{{ page }}页">...{{ p.num_pages }}</a></li>

            {% endifequal %}

            {% if contacts.has_next %}

                <li class="paginate_button next" aria-controls="editable" tabindex="0" id="editable_next">

                    <a href="?keyword={{ keyword }}&page={{ contacts.next_page_number }}">Next</a>

                </li>

            {% else %}

                <li class="paginate_button next disabled" aria-controls="editable" tabindex="0" id="editable_next">

                    <a href="#">Next</a>

                </li>

            {% endif %}



        {% else %}

            {% if contacts.has_previous %}

                <li class="paginate_button previous" aria-controls="editable" tabindex="0" id="editable_previous">

                    <a href="?page={{ contacts.previous_page_number }}&project={{project}}&platform={{platform}}&zone={{zone}}&gm_type={{gm_type}}">Previous</a>

                </li>

            {% else %}

                <li class="paginate_button previous disabled" aria-controls="editable" tabindex="0" id="editable_previous">

                     <a href="#">Previous</a>

                </li>

            {% endif %}

            {% ifequal show_first 1 %}

                <li class="paginate_button" aria-controls="editable" tabindex="0"><a href="?page=1&project={{project}}&platform={{platform}}&zone={{zone}}&gm_type={{gm_type}}"  title="第1页">1...</a></li>

            {% endifequal %}

            {% for page in page_range %}

                {% ifequal current_page page %}

                    <li class="paginate_button active"  aria-controls="editable" tabindex="0"><a href="?page={{ page }}&project={{project}}&platform={{platform}}&zone={{zone}}&game_type={{game_type}}&gametype={{gametype}}&gm_type={{gm_type}}"  title="第{{ page }}页">{{ page }}</a></li>

                {% else %}

                    <li class="paginate_button" aria-controls="editable" tabindex="0"><a href="?page={{ page }}&project={{project}}&platform={{platform}}&zone={{zone}}&game_type={{game_type}}&gametype={{gametype}}&gm_type={{gm_type}}"  title="第{{ page }}页">{{ page }}</a></li>

                {% endifequal %}

            {% endfor %}

            {% ifequal show_end 1 %}

                <li class="paginate_button" aria-controls="editable" tabindex="0"><a href="?page={{ p.num_pages }}&project={{project}}&platform={{platform}}&zone={{zone}}&game_type={{game_type}}&gametype={{gametype}}&gm_type={{gm_type}}"  title="第{{ page }}页">...{{ p.num_pages }}</a></li>

            {% endifequal %}

            {% if contacts.has_next %}

                <li class="paginate_button next" aria-controls="editable" tabindex="0" id="editable_next">

                    <a href="?page={{ contacts.next_page_number }}&project={{project}}&platform={{platform}}&zone={{zone}}&game_type={{game_type}}&gametype={{gametype}}&gm_type={{gm_type}}">Next</a>

                </li>

            {% else %}

                <li class="paginate_button next disabled" aria-controls="editable" tabindex="0" id="editable_next">

                    <a href="#">Next</a>

                </li>

            {% endif %}

        {% endif %}

        </ul>

    </div>

</div>



